<template>
    <el-row class="el-row">
        <div v-if="rightPage==1&&session!='undefined'" :key="session.id">
            <div class="text">{{ session.user.name }}</div>
        </div>
        <div v-if="rightPage==3&&group!='undefined'" :key="group.id">
            <div class="text">{{ group.name }}</div>
        </div>
    </el-row>
</template>

<script>
import {useStore} from "vuex";
import {computed} from "vue";

export default {
    setup() {
        let store = useStore();
        return {
            rightPage: computed(() => store.state.rightPage),
            session: computed(() => store.state.session),
            group: computed(() => store.state.group),
        };

    }
}
</script>

<style scoped>
.el-row {
    height: 40px;
    color: black;
    background-color: #97a8be;
    font-size: 24px;
}

.text {
    margin-left: 10px;
    margin-top: 5px;
}

</style>